<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="layout" content="main" />
<title>Login</title>

<style>
#nav {
	margin-top: 20px;
	margin-left: 30px;
	width: 228px;
	float: left;
}

.homePagePanel * {
	margin: 0px;
}

.homePagePanel .panelBody ul {
	list-style-type: none;
	margin-bottom: 10px;
}

.homePagePanel .panelBody h1 {
	text-transform: uppercase;
	font-size: 1.1em;
	margin-bottom: 10px;
}

.homePagePanel .panelBody {
	background: url(../images/leftnav_midstretch.png) repeat-y top;
	margin: 0px;
	padding: 15px;
}

.homePagePanel .panelBtm {
	background: url(../images/leftnav_btm.png) no-repeat top;
	height: 20px;
	margin: 0px;
}

.homePagePanel .panelTop {
	background: url(../images/leftnav_top.png) no-repeat top;
	height: 11px;
	margin: 0px;
}

h2 {
	margin-top: 15px;
	margin-bottom: 15px;
	font-size: 1.2em;
}

#pageBody {
	margin-left: 280px;
	margin-right: 20px;
}
</style>
</head>
<body>
	<g:if test="${flash.message}">
		<div class="message">
			${flash.message}
		</div>
	</g:if>
	<div id="nav">
		<div class="homePagePanel">
			<div class="panelTop">
				<div class="panelBody">
					<g:form action="signIn">
						<input type="hidden" name="targetUri" value="${targetUri}" />
						<table>
							<tbody>
								<tr>
									<td>Username:</td>
									<td><input type="text" name="username" size="10" value="${username}" /></td>
								</tr>
								<tr>
									<td>Password:</td>
									<td><input type="password" name="password" size="10" value="" /></td>
								</tr>
								<tr>
									<td>Remember me?:</td>
									<td><g:checkBox name="rememberMe" value="${rememberMe}" /></td>
								</tr>
								<tr>
									<td><input type="submit" value="Sign in" /></td>
								</tr>
							</tbody>
						</table>
					</g:form>
				</div>
			</div>
		</div>
	</div>
</body>
</html>